var ToastEle = null
var toastId = -1
function showMsg(msg){
    // console.log('ToastUtils.js before', '#ToastEle', ToastEle)
    if (ToastEle === null) {
        const bodyEle = $('body')
        // console.log('ToastUtils.js', '#bodyEle', bodyEle)
        bodyEle.append('<div class="ui-toast-box"></div>')
        ToastEle = $('body div.ui-toast-box')
    }
    ToastEle.removeClass('dark')
    // console.log('ToastUtils.js after', '#ToastEle', ToastEle)
    if(toastId>=0){
        clearTimeout(toastId)
    }
    ToastEle.html(`<div class="msg border-content">${msg}</div>`)
    toastId = setTimeout(()=>{
        ToastEle.html('')
    }, 1800)
}

function showDarkMsg(msg){
    showMsg(msg)
    ToastEle.addClass('dark')
}

window.ToastUtils = {
    showDarkMsg,
    showMsg
}

export default {showMsg, showDarkMsg}